import React, { Component } from 'react'
// 导入类型限定
import PTS from 'prop-types'
export default class Card1 extends Component {
  // 静态属性写法
  static propTypes = {
    // name属性 字符串  必须传入
    name: PTS.string.isRequired,
    age: PTS.number.isRequired,
    job: PTS.string.isRequired
  }
  // 默认属性值
  static defaultProps = {
    msg: '默认的msg'
  }
  render() {
    return (
      <div className="card">
        <div>姓名:{this.props.name}</div>
        <div>年龄:{this.props.age}</div>
        <div>职位:{this.props.job}</div>
        <div>msg:{this.props.msg}</div>
      </div>
    )
  }
}
// 组件追加类型限定
// Card1.propTypes = {
//   // name属性 字符串  必须传入
//   name: PTS.string.isRequired,
//   age: PTS.number.isRequired,
//   job: PTS.string.isRequired
// }

// 属性默认值
Card1.defaultProps = {
  msg: '默认的msg1'
}
